/*
Theme Name: Webpsykologen
Description: Theme made for Webpsykologen.no
Version: 2.0
Author: Robin Johansen
Author URI: http://comfyrene.com/
Tags: fixed width, two columns, widgets

	Webpsykologen 1.0
	 http://webpsykologen.com/

	This theme was designed and built by Robin Johansen,

*/

/**********************************************************************************

BASIC CSS

***********************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
ol, ul {
	list-style: none;}
a {
	text-decoration:none;}
html {
	background-color:#d2dee5;
	padding:0;}
body {
	font-family: Arial, Helvetica, sans-serif; font-size: 14px;
	text-align:center;
	margin-top:8px;}
/**********************************************************************************

LAYOUT

***********************************************************************************/
#container {
	text-align:left;
	background-color:#fff;
	overflow:hidden;
	width:988px;
	overflow:hidden;
	border-bottom:0px solid #999;
	margin-right:auto;
	margin-left:auto;}
#topheader {
	width:968px;
	overflow:hidden;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:6px;}
#topimagelinks {
	float:right;}
#topnav {
	position:absolute;
	right:0;
	bottom:0;
	float:right;}
#topheader img {
	float:left;
	border:0px solid red;}
#mainnav {
	overflow:hidden;
	width:968px;
	margin:10px;}
#content {
	background-color:#fff;
	width:968px;
	overflow:hidden;
	margin-left:10px;
	margin-right:10px;}
#footer {
	background-color:#666;
	width:968px;
	overflow:hidden;
	margin:10px;}
#copy {
	text-align:left;
	margin:6px 0 26px 0;
	width:968px;
	margin-right:auto;
	margin-left:auto;
	font-size:11px;
	color:#999;}
#sidebar {
	overflow:hidden;
	width:316px;
	float:right;
	background-color:#fff;
	margin:0 0 10px 0;
	border:0px solid #ccc;}
#main {
	overflow:hidden;
	margin:0;
	padding-top:10px;
	width:640px;
	float:left;
	border:1px solid #ccc;
	background-color:#fff;}
/**********************************************************************************

HEADER

***********************************************************************************/
#header {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/ny-header-kurs2.png");
	/*
	background-image:url("images/headerfreud.jpg");
	*/
	background-repeat:no-repeat;}	
#header3 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/3-video.png");
	background-repeat:no-repeat;}	
#header4 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/4.png");
	background-repeat:no-repeat;}	
#header5 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/5.jpg");
	background-repeat:no-repeat;}	
#header6 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/6.jpg");
	background-repeat:no-repeat;}	
#header8 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/8.jpg");
	background-repeat:no-repeat;}	
#header9 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/9.jpg");
	background-repeat:no-repeat;}	
#header10 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/10.jpg");
	background-repeat:no-repeat;}	
#header11 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/11.jpg");
	background-repeat:no-repeat;}
#header12 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/12.jpg");
	background-repeat:no-repeat;}		
#header13 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/13.jpg");
	background-repeat:no-repeat;}
#header14 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/14.jpg");
	background-repeat:no-repeat;}
#header15 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/15.jpg");
	background-repeat:no-repeat;}
#header16 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/16.jpg");
	background-repeat:no-repeat;}
#header17 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/17.jpg");
	background-repeat:no-repeat;}
#header18 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/18.jpg");
	background-repeat:no-repeat;}
#header19 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/19.jpg");
	background-repeat:no-repeat;}
#header20 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/20.jpg");
	background-repeat:no-repeat;}
#header22 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/22.jpg");
	background-repeat:no-repeat;}
#header23 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/23.jpg");
	background-repeat:no-repeat;}
#header24 {
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/24.jpg");
	background-repeat:no-repeat;}
#header25{
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/25.jpg");
	background-repeat:no-repeat;}
#header26{
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/26.jpg");
	background-repeat:no-repeat;}
#header27{
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/27.jpg");
	background-repeat:no-repeat;}
#header28{
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/28.jpg");
	background-repeat:no-repeat;}
#header29{
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/29.jpg");
	background-repeat:no-repeat;}
#header30{
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/30.jpg");
	background-repeat:no-repeat;}
#header31{
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/31.jpg");
	background-repeat:no-repeat;}
#header32{
	background-color:#666;
	width:968px;
	height:200px;
	margin:10px;
	background-image:url("images/32.jpg");
	background-repeat:no-repeat;}

/**********************************************************************************

NAVIGATION

***********************************************************************************/
#topnav ul {
	overflow:hidden;}
#topimagelinks ul {
	overflow:hidden;}
#topimagelinks ul li {
	display:block;
	float:left;
	margin-right:2px;
	margin-left:5px;}
#topnav ul li{
	display:block;
	float:left;
	margin-right:0;
	color:#666;}
#topnav ul li a {
	font-size:14px;
	display:block;
	border:1px solid #333;
	background-color:#333;
	margin-right:2px;
	margin-left:5px;
	text-decoration:none;
	color:#fff;
	padding:4px;}
#topnav ul li a:hover {
	background-color:#ff9d03;
	color:#333;
	text-decoration:none;}
#topnav ul li a:active {
	color:#fff;;}	

#mainnav ul {
	list-style-type:none;
	font-size:20px;}
#mainnav ul li.left {
	float:left;
	display:block;
	width:316px;
	margin-right:10px;
	background-color:#ff9d03;}
#mainnav ul li.right {
	float:right;
	display:block;
	width:316px;
	background-color:#ff9d03;}
#mainnav a {
	text-decoration:none;
	color:#fff;
	padding:10px;
	display:block;}
#mainnav a:hover {
	background-color:#333;}
.currentleft {
	float:left;
	display:block;
	width:316px;
	margin-right:10px;
	background-color:#333;}
.currentright {
	float:right;
	display:block;
	width:316px;
	background-color:#333;}
	
#morepages {
	padding:10px;
	margin:10px;
	border:1px solid #ccc;
	overflow:hidden;
	clear:both;
	background-color:#fff;}




	
/**********************************************************************************

TYPOGRAPHY

***********************************************************************************/
h2  {
	font-size:30px;
	font-family:georgia;
	color:#333;
	padding:10px;}
h3 {
	font-size:22px;
	font-family:georgia;
	clear:both;
	color:#333;
	padding:10px;}
h1 {
	font-size:30px;
	font-family:georgia;
	color:#333;
	padding:10px;}
h2.h2search {
	font-size:14px;
	color:#666;
	font-weight:normal;}
h2.h2search a {
	color:#6699ff;
	text-decoration:underline;}
h2.h2search a:hover {
	color:#ff9d03;
	text-decoration:underline;}
h2 a {
	color:#333;
	text-decoration:none;}
p {
	padding:0 10px 0 10px;
	margin:10px 0 10px 0;
	color:#333;
	font-size:14px;
	line-height:1.3em;}
h2 a:hover {
	color:#555;
	text-decoration:none;}
a {
	color:#6699ff;
	text-decoration:underline;}
a:hover {
	text-decoration:underline;
	color:#ff9d03;}
#main .post ul {
	color:#333;
	margin-left:20px;
	margin-right:20px;
	list-style-type:disc;
	list-style-position:inside;
	}
#main .post ul li {
	padding:4px;}
#main .post ol {
	color:#333;
	margin-left:20px;
	margin-right:20px;
	list-style-type:decimal-leading-zero;
	list-style-position:inside;
	counter-reset:item;}
#main .post ol li { 
	display: block;
	padding:4px;}
#main .post ol li:before {
	content: counter(item) ". ";
	counter-increment: item;
	font-weight: bold;}
.newspost {
	float:left;
	width:305px;
	height:250px;
	overflow:hidden;
	border:0px solid #ccc;
	margin-left:10px;
	margin-bottom:10px;
	background-color:#fff;}
.newspost h2 {
	font-size:16px;
	padding:0;
	margin:5px 0 5px 0;
	border-bottom:0px dotted #ccc;}
.newspost h2:hover {
	text-decoration:underline;}
.newspost p {
	padding:0;
	font-size:12px;
	line-height:1.2em;}
.newspost a{
	text-decoration:none;}
.newspost a:hover {
	text-decoration:underline;}
.artikkelbilde img {
	border:1px solid #ccc;
	margin-bottom:5px;
	float:left;}
.artikkelbilde img:hover {
	border:1px solid #999;}
/*
.artikkelbilde img {
	border:1px solid #ccc;
	margin:5px;
	width:291px;
	height:130px;
	float:left;}
.artikkelbilde img:hover {
	border:1px solid #999;}
*/
	
/**********************************************************************************

PAGINATE

***********************************************************************************/


.wp-paginate {
	padding:0; 
	margin:0;
	text-align:center;}
.wp-paginate li {
	display:inline; 
	list-style:none; 
	color:#666;}
.wp-paginate a {
	background:#666; 
	border:1px solid #666; 
	color:#fff; 
	margin-right:2px; 
	padding:3px 6px; 
	text-align:center; 
	text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {
	background:#ff9d03; 
	color:#fff;}
.wp-paginate .title {
	color:#666; 
	margin-right:2px;}
.wp-paginate .gap {
	color:#666; 
	margin-right:4px;}
.wp-paginate .current {
	font-weight:bold;
	color:#333; 
	background:#fff; 
	border:1px solid #ccc; 
	margin-right:2px;
	padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}




/**********************************************************************************

IMAGES

***********************************************************************************/

.leftimage {
	float:left;
	margin:10px;
	padding:4px;}
.rightimage {
	float:right;
	margin:10px;
	padding:4px;}	
p img {
	background-color:#f5f5f5;
	padding:4px;
	border:1px solid #bbb;
	max-width: 100%;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 2px;
   -khtml-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;}
img.centered {
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right: auto;}
.centered {
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;}
img.alignright {
	margin:0 0 10px 10px;
	display:inline;}
img.alignleft {
	margin:0 10px 10px 0;
	display: inline;}
.alignright {
	float: right;}
.alignleft {
	float: left;}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;}
.wp-caption.aligncenter {
	margin-left:auto;
	margin-right:auto;
	text-align:center;}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f5f5f5;
	padding-top: 4px;
	padding-bottom:4px;
	margin:10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 2px;
   -khtml-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;}
.wp-caption p.wp-caption-text {
   font-size: 10px;
   text-align:left;
   padding:2px 4px 2px 4px;
   margin: 0;}
.wp-caption.alignleft {
	margin:10px;}
.wp-caption.alignright {
	margin:10px;}
/**********************************************************************************

NEWS ETC

***********************************************************************************/
.postsmall {
	float:left;
	width:200px;
	height:200px;
	border:1px solid black;
	background-color:#fff;
	}
.newsinfo {
	background-color:#33cc33;
	padding:4px;
	font-size:12px;
	color:#fff;
	margin-left:10px;
	margin-right:10px;}
.newsinfo a {
	color:#fff;
	text-decoration:none;}
.newsinfo a:hover {
	color:#fff;
	text-decoration:underline;}
a.more-link {
	display:block;
	float:right;
	clear:both;
	margin-bottom:10px;
	padding:4px;
	text-decoration:none;
	background-color:#33cc33;
	color:#fff;
	font-size:14px;}
a.more-link:hover {
	color:#fff;
	text-decoration:none;
	background-color:#ff9d03;}
p.forfatter {
	display:block;
	margin:0 0 10px 0;
	font-size:12px;
	color:#555;}
.tidligere a {
	display:block;
	background-color:#33cc33;
	padding:4px;
	font-size:14px;
	color:#fff;
	float:left;
	margin-left:10px;
	margin-bottom:10px;}
.tidligere a:hover {
	background-color:#ff9d03;
	color:#fff;}
.post {
	width:618px;
	margin:0 10px 10px 10px;
	border:1px solid #ccc;
	overflow:hidden;
	clear:both;
	background-color:#fff;}
/**********************************************************************************

COMMENTS

***********************************************************************************/
h2.h2kommentar {
	background:#33cc33;
	margin:10px;
	text-align:center;
	font-size:24px;
	color:#fff;}
/*
h2.h2kommentar:before {
	content:"( ";}
h2.h2kommentar:after {
	content:" )";}
*/
#kommentarene ol li {
	border:1px solid #ccc;
	margin-bottom:10px;
	overflow:hidden;
	padding:0;}
p.skrevetav {
	color:#999;}
.kommentarheading {
	border-bottom:1px dotted #33cc33;
	border-top:1px dotted #33cc33;
	color:#33cc33;
	background-color:#f4f4f4;
	padding:6px 10px 6px 10px;
	font-size:16px;}
img.avatar {
	float:right;
	padding:4px;
	border:1px solid #ccc;
	margin:8px;
	clear:right;}
#kommentarfelt form {
	padding:0px;}
#kommentarfelt input {
	background-color:#f4f4f4;
	border:1px solid #999;
	padding:6px;
	color:#666;}
#kommentarfelt input:hover, #kommentarfelt input:focus {
	border:1px solid #ff9900;}
#kommentarfelt textarea {
	font-family:arial;
	background-color:#f4f4f4;
	border:1px solid #999;
	padding:6px;
	color:#666;
	width:570px;}
#kommentarfelt textarea:hover, #kommentarfelt textarea:focus {
	border:1px solid #ff9900;}
#kommentarfelt input.submitbutton {
	color:#fff;
	background-color:#33cc33;
	border:1px solid #666;}
#kommentarfelt input.submitbutton:hover {
	background-color:#ff9900;
	cursor:pointer;}
#kommentarfelt small {
	font-size:10px;
	color:#666;}

/**********************************************************************************

SIDEBAR ETC

***********************************************************************************/
.frontimageh2 {
	font-size:16px;
	padding:0;
	margin:0;}
.frontimage {
	width:316px;
	height:160px;
	position:relative;}
.frontimage img {
	background:#fff;}
.frontimage span {
	width:314px;
	height:160px;
	display:block;
	position:absolute;
	border:1px solid #333;
	top:0;
	left:0;
	background-image: url("images/frontimage.png");
	background-repeat: no-repeat;
	cursor:pointer;}
.frontimage span:hover {
	background-image: url("images/frontimage2.png");
	background-repeat: no-repeat;
	cursor:pointer;}
h2.firsth2 {
	background-color:#333;
	color:#fff;
	padding:4px 10px 4px 10px;
	font-size:16px;}
h2.sidebarh2 {
	margin-top:20px;
	background-color:#333;
	color:#fff;
	padding:4px 10px 4px 10px;
	font-size:16px;}
#sidebar img {
	padding:0;
	border:none;}
.catdescription p {
	display:block;
	font-style:italic;
	margin-top:20px;
	color:#666;
	padding:4px;
	border:1px solid #999;}
#sidebar ul {
	overflow:hidden;}
#sidebar ul li {
	display:block;
	float:left;
	width:316px;
	margin-top:2px;
	text-align:left;}
#sidebar ul li a {
	text-decoration:none;
	display:block;
	color:#666;
	border:1px solid #999;
	margin-top:4px;
	padding:4px;}
#sidebar ul li a.extralinksidebar {
	text-decoration:none;
	text-align:right;
	color:#6699ff;
	border:0px solid red;
	margin-top:4px;
	padding:4px;}
#sidebar ul li a:hover {
	background-color:#ff9d03;
	border:1px solid #333;
	color:#fff;}
#sidebar ul li a.extralinksidebar:hover {
	border:0;
	color:#ff9d03;
	background-color:#fff;}
#sidebar form {
	background-color:#ccc;
	border:1px solid #333;
	padding:8px;
	text-align:center;}
#sidebar input#s {
	background-color:#fff;
	color:#666;
	padding:4px;
	width:220px;
	font-size:14px;
	border:1px solid #333;}
#sidebar input.button {
	background-color:#fff;
	font-size:14px;
	cursor:pointer;
	color:#666;
	padding:2px;
	border:1px solid #333;}
#sidebar input.button:hover {
	background-color:#ff9d03;
	color:#fff;}
.post form {
	padding:4px;
	font-size:14px;}
.post input {
	border:1px solid #666;
	padding:4px;
	color:#666;}
.post textarea {
	border:1px solid #666;
	padding:4px;
	color:#666;}
.post input.contactSubmit {
	cursor:pointer;
	border:1px solid #333;
	background-color:#33cc33;
	color:#fff;}
.post input.contactSubmit:hover {
	color:#fff;
	background-color:#ff9d03;}

div.sociable { margin:10px;border-top:1px dotted #999; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { 
	display: none; 
	width: 14em; }
.sociable_tagline strong {
	display:block;
	color:#333;
	margin-top:10px;
	margin-bottom:10px;}
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: red;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
	background-color:red;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}	
	
/**********************************************************************************

FOOTER

***********************************************************************************/
#copy a {
	color:#999;
	text-decoration:none;}
#copy a:hover {
	color:#444;}
.textwidget {
	font-size:12px;
	color:#ccc;
	margin:10px;}
.textwidget a {
	font-size:12px;}
#footer p{
	font-size:12px;
	color:#ccc;}
#footer h3 {
	font-size:14px;
	padding-bottom:4px;
	border-bottom:1px dotted #ccc;
	margin:10px 10px 0 0px;
	color:#ccc;}
#footer ul {
	padding:10px;}
#footer ul li ul {
	padding:0;}
#footer ul li {
	display:block;
	font-size:12px;}
#footer ul li.headlinesfooter {
	font-size:16px;
	padding:4px;
	background-color:#999;
	margin-bottom:6px;
	color:#666;}
#footer a {
	color:#f9f9f9;
	text-decoration:none;}
#footer a:hover {
	color:#a7c8f9;
	text-decoration:underline;}


.footerleft {
	float:left;
	display:block;
	width:316px;
	margin-right:10px;}
.footerright {
	float:right;
	display:block;
	width:316px;}